<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %> 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
	<title></title>
	
	<style>
 	    body{font-family: 微软雅黑;}

		table{
			width:100%;
			border:1px solid silver;
			border-collapse:collapse;
		}
		
	 	th,td{
			border:1px solid silver;
			font-size:12px;
			height:20px;
		}
		a{
	    	 text-decoration: none; 
	    	 color:black;
	    }
	    a:hover{
	    	 text-decoration: none; 
	    	 font-weight:bold;
	    	 color:red;
	    }
	</style>
</head>
<body>
  <script src="/js/jquery-1.8.0.js"></script>
  <script>
  	var str="${msg}";
  	if(str!=""){
  		alert(str);
  	}
  	
	$(function(){
		$("table tr").mouseover(function(){
			$(this).css("background","#D3EAEF");
			$(this).siblings().css("background","white");
		});
	})
	
  </script>
  <h3>基础信息 》班级维护</h3>
	<hr />
	<table>
	  <tr>
	 	<th>id</th>
	 	<th>班级名称</th>
	  	<th>开班时间</th>
	  	<th>结课时间</th>
	  	<th>班主任</th>
	  	<th>讲师</th>
	  	<th>授课向方</th>
	  	<th>自主择业</th>
	  	<th>外派</th>
	  	<th>待业</th>
	  	<th>就业率</th>
	  	<th>备注</th>
	  	<th>操作</th>
	  </tr>
	  
	   <c:forEach var="c" items="${classList }" >
	    <tr>
	    
	  	<td>${c.id}</td> 
	  	<td> ${c.班级名称}</td>
	  	<td> <fmt:formatDate    value="${c.开班时间}"  pattern="yyyy/MM/dd" /></td>
	  	<td> <fmt:formatDate    value="${c.结课时间}"  pattern="yyyy/MM/dd" /> </td>
	  	<td> ${c.班主任}</td>
	  	<td> ${c.讲师}</td>
	  	<td> ${c.授课方向}</td>
	  	<td>${c.自主择业人数 }</td>
	  	<td>${c.外派人数}</td>
	  	<td>${c.待业人数}</td>
	  	<td>${c.就业率 }</td>
	  	
	  	<td> ${c.备注}</td>
	
	  	<td>
	  		<a href="/base/classUpdate/${c.id}"> &nbsp; <img title="修改" src="/images/edit.gif"></a>  &nbsp;  |   &nbsp;  
	  		<a href="/base/classDelete/${c.id }" onclick="return confirm('确定要删除班级信息吗' ) " > <img title="删除" src="/images/del.gif"> </a>
	  	</td>
	  		
	  </tr>
	   </c:forEach>
	</table>

</body>
</html>